<template>
    <div class="tabpage">
        <div class="tabpage-box">
            <!--市政问题高发类型分析  -->
            <Municioal />
            <!-- 市政问题发生时间趋势分析 -->
            <Problems />
            <!-- 物联网智能识别的案件上报次数的趋势 -->
            <identification />
        </div>
    </div>
</template>

<script>
import Municioal from './components/Municipal.vue'
import Problems from './components/Problems.vue'
import identification from './components/identification.vue'

export default {
    components: {
        Municioal,
        Problems,
        identification
    },
    data() {
        return {

        }
    },

    methods: {

    }
}
</script>

<style lang="less" scoped>
.tabpage {
    width: 50rem;
    height: 100%;
    position: relative;
    overflow: hidden;

    .tabpage-box {
        height: calc(100vh - 10.9rem);
        overflow: auto;

        >div {
            width: 100%;
            padding: 2.1rem 1.6rem 1.6rem 2.1rem;
            background: url('../../../assets/images/zhangzi/home/biankuang.png') no-repeat;
            background-size: 100% 100%;
        }
    }

}
</style>